@import "../../public/less/index.less";
body {
  background-color: #F4F4F4;
  font-family: 'PingFang SC', 'STHeitiSC-Light', 'Helvetica-Light', arial, sans-serif, 'Droid Sans Fallback';
}
.login{
  display: inline-block;
}
::-webkit-scrollbar{
  width:0;
}
img {
  .h(200);
  .w(200);
}
.glo{
  height: 100%;
  width: 100%;
  padding: 0px;
  margin: 0px;
  top: 0px;
  .fs(22);
  .nav-header{
    position: fixed;
    top:0px;
    left: 0px;
    width: 100%;
    z-index: 100;
    .border-bottom(1, #ECECEC);
    background-color: #FFFFFF;
    .nav-tab{
      display: flex;
      -webkit-box-pack: justify;
      -webkit-box-align: center;
      justify-content: space-between;
      align-content: center;
      .h(102);
      text-align: center;
      .lh(102);
      .padding(0,0);
      .tab-item{
        flex: 1;
        justify-content:center;//子元素水平居中
        align-items:center;//子元素垂直居中
        height: 100%;
        div{
          display: inline-block;
          .fs(30);
          color: #333333;
        }
      }
    }
  }
  .content {
    position: relative;
    .mt(100);
    background-color: #F4F4F4;
    .goods-model {
      .fs(20);
      .mt(20);
      display: flex;
      color: #333333;
      align-items: center;
      background-color: #F4F4F4;
      .swiper-container {
        width: 100%;
        .swiper-wrapper {
          background-color: #FFFFFF;
          width: 100%;
          .swiper-slide {
            text-align: center;
            background-color: #FFFFFF;
            .w(200);
          }
          .swiper-slide.swiper-slide-active {
            display: inline-block;
            text-align: center;
            background-color: #FFFFFF;
            color: #333333;
            .b-radius(10);
            align-items: center;
            .padding(10,0);
          }
          .swiper-slide {
            display: inline-block;
            text-align: center;
            background-color: #FFFFFF;
            color: #333333;
            .b-radius(10);
            align-items: center;
            .padding(10,0);
          }
        }
      }
      .lookdetails {
        background-color: #FFFFFF;
        position: relative;
        .mt(10);
        width: 100%;
        .h(60);
        .padding(20,0);
        .buttom {
          background-color: #00C4D2;
          .padding(10,20);
          position: absolute;
          .right(40);
          color: #FFFFFF;
          .b-radius(8);
          .fs(22);
        }
      }
    }
  }
}
* {
  margin: 0;
  padding: 0;
}